/* news */
.news{
  width: 100%;
  padding: 4% 0 0 0;
  .container{
    text-align: center;
    .title{
      text-align: left;
      font-size: 1.5em;
      margin-bottom: 1em;
      color: #ff7b25;
    }
    .hotnews{
      display: flex;
      justify-content: space-between;
      margin-bottom: 2em;
      .box{
        width: 31%;
        position: relative;
        .print{
          img{
            width: 100%;
            height: 100%;
          }
        }
        .back{
          position: absolute;
          top: 80%;
          right: 0;
          width: 100%;
          height: 20%;
          background-color: rgba(0,0,0,.5);
          line-height: 2.5em;
          color: white;
          text-align: center;
        }
      }
    }
    .newslist{
      border-bottom: 1px dashed #d4d4d4;
      padding-bottom: 5%;
      margin-bottom: 2%;
      .items{
        width: 100%;
        display: flex;
        margin-bottom: 2%;
        .print{
          width: 20%;
          height: 100%;
          border: 1px solid #dddddd;
          margin-right: 2em;
          img{
            width: 98%;
            height: 90%;
            margin: 2px auto;
          }
        }
        .content{
          width: 80%;
          .mork{
            text-align: left;
            h2{
              font-size: 1.2em;
              margin-bottom: .5em;
              color: #ff7b25;
            }
            h5{
              font-size: .8em;
              margin-bottom: .8em;
            }
            p{
              height: 5em;
              line-height: 1.5em;
              overflow: auto;
            }
          }
          .button{
            text-align: right;
            margin: 2% 0;
            .btn{
              height: 2em;
              border-radius: 10px;
              background-color: #ff7b25;
              font-size: .8em;
              line-height: 1em;
              color: white;
            }
          }
        }
      }
    }
    nav{
      .pagination{
         li{
           &:hover a{
             color: white;
             background-color: #e34637;
           }
          a{
            color: black;
          }
         }
      }
    }
  }
  @media screen and (max-width:1210px) {
    .container{
      .hotnews{
        .box{
          .back{
            font-size: .8em;
          }
        }
      }
    }
  }
  @media screen and (max-width:995px) {
    .container{
      .hotnews{
        flex-wrap: wrap;
        justify-content: center;
        .box{
          width: 51%;
          margin-bottom: 5%;
        }
      }
    }
  }
  @media screen and (max-width:800px){
    .container{
      .newslist{
        .items{
          .print{
            display: none;
          }
          .content{
            width: 100%;
          }
        }
        
      }
    }
  }
  @media screen and (max-width:500px){
    .container{
      .hotnews{
        .box{
          width: 80%;
        }
      }
      .newslist{
        .items{
          .print{
            display: none;
          }
          .content{
            width: 100%;
            .mork{
              p{
                height: 9em;
              }
            }
            
          }
        }
        
      }
      nav{
        .pagination{
          li{
            &:nth-child(1),
            &:nth-child(7){
              display: none;
            }
          }
        }
      }
    }
  }
} 